<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Panel - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.java1234.com/jquery-easyui-1.3.2/demo/demo.css">
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="http://www.java1234.com/jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>面板组件基本使用</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>面板是其他组件或元素的容器.</div>
	</div>
	<div style="margin:10px 0;">
		<a href="#" class="easyui-linkbutton" onclick="javascript:$('#p').panel('open')">打开</a>
		<a href="#" class="easyui-linkbutton" onclick="javascript:$('#p').panel('close')">关闭</a>
	</div>
	<div id="p" class="easyui-panel" title="面板组件基本使用" style="width:500px;height:200px;padding:10px;">
		<p style="font-size:14px">jQuery EasyUI框架帮你轻松构建Web页面.</p>
		<ul>
			<li>easyui是一个基于Jquery的用户接口插件集合.</li>
			<li>easyui提供优秀的功能用于构建可交互的javascript应用程序.</li>
			<li>使用easyui你不需要写很多的javascript代码,你通常只需要写一些HTML标签来定义你的用户接口.</li>
			<li>完整的HTML5框架.</li>
			<li>easyui能够快速开发你的产品.</li>
			<li>easyui很简单但是很强大.</li>
		</ul>
	</div>
</body>
</html>